@charset "utf-8";

#outside{
 border:solid 1px #000;
 width:100%;
 margin:auto;
}

#live_top{
 background-color: yellow;
 width:100%;
 height:35px;
 float:left;
}

#live_top ul li{
 float:left;
 list-style:none;
 margin-right:45px;
 margin-top:7px;
}

#icon_explain{
 background-color: yellow;
 width:100%;
 height:80px;
 clear:both;
}

#chat_room{
 width:30%;
 height:725px;
 float:right;
}

#live_main{
 width:70%;
 float:left;
}

#live_list{
 width:100%;
 height:459px;
 overflow:auto;
}

#send_box{
 background-color: black;
 width:100%;
}

#chat_box{
 background-color: white;
 width:100%;
 position: relative;
}

#prompt_msg{
 background-color: green;
 width:100%;
}

.icon_elem{
 background-color: yellow;
 width:60px;
 height:65px;
 margin:8px 3px; 
 float:left;
}

.icon_elem2{
 background-color: yellow;
 width:45px;
 height:65px;
 margin:8px 3px; 
 float:left;
}


.icon_elem_split{
  background-color: yellow;
  width:20px;
  height:65px;
  float:left;
}

.icon_elem img{
	margin:10px 0px 3px 18px;
}
.icon_elem2 img{
	margin:10px 0px 3px 12px;
}

.icon_explain_text{
  display:block;
  text-align:center;
}
 
#btn_box{
  display:inline-block;
  float: right;
  padding-right: 10px;
}

.msg_btn{
    border:1px solid green;
    border-radius: 4px;
    background-color:#33485d;	
    font-size:12px;
    text-align: center;
    padding: 5px 14px;
    overflow:hidden;
	cursor:pointer;	
	clear:right;
    margin-bottom:8px;
    color:#fff;
}

.msg_box{
	background-color:black;
	width:100%;
	display:inline-block;
}
.msg_date{
	height:18px;
	float:left;
	margin-top:4px;
	margin-left:15px;
	overflow:hidden;
}

.msg_opt{
	width:120px;
	height:16px;
	float:right;
}

.msg_opt li{
 float:left;
 list-style:none;
 margin-right:10px;
 margin-top:2px;
}

#upload_img_show {
	margin: 0;
}
#user_speak_content_box{
  background-color:white;
  width:100%;
  height:100px;
  padding-right:90px;
  box-sizing:border-box;
  padding-left:10px;  
}
#to_top_prompt_info{
 color:#182231;
 width:100%;
 height:20px;
}
#user_speak_content{
  background-color:#F2F2F2;
  width:100%;
  height:78px;
  border:solid 1px #000;
  overflow:auto;
  border-radius:10px;
  display:none;
}
.msg_content{
	background-color:blue;
	width:100%;
	display:inline-block;
	float:left;
}

.user_speak_content{
  background-color:#F2F2F2;
  width:100%;
  overflow:auto;
  border-radius:10px;
  /*display:inline-block;*/
}
/*{border:solid 1px #000;}*/

.r_box {
	position:absolute;
	top: 100%;
	right: 0;
	width: 390px;
	height: 90px;
	padding: 5px;
	z-index:999;
	background:#ffffff;
	overflow-y:auto;
	display:none;
}

.r_box{border:1px solid #ddd; margin-bottom:20px;}
.r_box .title{background:#dde4e6; color:#2c3e50; font-size:20px; font-weight:bold; text-align:center; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.r_box .bw_con{position:relative;}
.r_box .bw_con .liuyan_list{position:relative;}
.r_box .bw_con .liuyan_list .xtxx{background:#eaeabc url(__PUBLIC__/images/xtxx.jpg) 10px center no-repeat; padding-left:35px; color:#666; height:30px; line-height:30px;}
.r_box .bw_con .liuyan_list ul{max-height:220px; overflow-y:auto;}
.r_box .bw_con .btn_box1{border-bottom:1px solid #ddd; padding:10px;}
.r_box .bw_con .btn_box2{border-top:1px solid #ddd; padding:10px;}
.r_box .bw_con .btn_box1 .input_box,table.table_wrap td.tds .r_box .bw_con .btn_box2 .input_box{border:1px solid #ddd; height:40px; position:relative;}
.r_box .bw_con .btn_box1 .input1,table.table_wrap td.tds .r_box .bw_con .btn_box2 .input1{height:40px; width:80%; outline:0; padding:0 5px; border:0;}
.r_box .bw_con .btn_box1 .btn1,table.table_wrap td.tds .r_box .bw_con .btn_box2 .btn1{ background:#2c3e50; color:#fff; text-align:center; border:0; cursor:pointer; height:40px; outline:0; padding:0 10px; position:absolute; right:0; top:0;}
.r_box .bw_con ul{padding:10px;}
.r_box .bw_con ul li{line-height:24px; color:#2c3e50; padding:2px 0;}
.r_box .bw_con ul li a{color:#2c3e50;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;height:24px; line-height:24px; width:100%; text-decoration:none;}
.r_box .bw_con ul li a:hover{color:#1dd2af;}
.r_box .bw_con ul li span.l_b{color:#999;}